.articleList {
  .leftBox {
    .card {
      overflow: hidden;
      margin-bottom: 20px;
      img {
        width: 100%;
        height: 180px;
        object-fit: cover;
      }
      .articleTitle {
        font-size: 18px;
        word-spacing: 1px;
        .count{
          font-size: 12px;
          color: #ccc;
        }
      }
      .time {
        float: right;
        color: #ccc;
      }
      .count{
        i{
          margin-right: 5px;
        }
        margin-left: 8px;
      }
    }
    .loadMore{
      text-align: center;
      color: #ccc;
      cursor: pointer;
    }
    .none{
      text-align: center;
      color: #ccc;
    }
  }
  .rightBox {
    .card{
      margin-bottom: 10px;
    }
    .ant-card-body {
      padding: 12px;
    }
    .title {
      text-align: center;
      margin: 0 0 10px;
    }
    img {
      width: 150px;
      display: block;
      margin: 0 auto;
    }
    .desc {
      color: #ccc;
      word-spacing: 1px;
      text-align: center;
      line-height: 1.4;
      margin: 0;
    }
  }

  @media screen and (max-width: 1200px) {
    .rightBox {
      width: 100%;
      margin: 0 auto 10px;
    }
  }
}
